<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
	</head>
	<body>
		v-model
		1. input 的 value值   input text password/textarea
		2. input 的 选中状态   input checkbox radio/ select option
		</textarea>
		<div id="app">
			性别：
			<input type="radio" value="man" id="man" v-model="sex">
			<label for="man">男</label>
			<input type="radio" value="voman" id="voman" v-model="sex">
			<label for="voman">女</label>
			{{sex}}
			<br><br>
			
			下拉列表：
			<select v-model="selected">
				<option value="-1">请选择</option>
				<option value="0">AAA</option>
				<option value="1">BBB</option>
				<option value="2">CCC</option>
			</select>
			{{selected}}
			<br><br>
			
			下拉列表多选：multiple="multiple"(多选)
			<select v-model="selectedAll" multiple="multiple">
				<option value="-n">请选择</option>
				<option value="a">AAA11</option>
				<option value="b">BBB11</option>
				<option value="c">CCC11</option>
			</select>
			{{selectedAll}}
		</div>
		<script>
			new Vue({
				el:"#app",
				data:{
				   sex:"",
				   selected:"-1",
				   selectedAll:[]
				}
			})
		</script>
	</body>
</html>
